<template>
  <div>
    <h1>palyground</h1>
    <!-- <son-comp :money="money" @update:money="countMoney($event)" /> -->
    <son-comp :money.sync="money" />
    <!-- .sync 语法糖 （放权 - 儿子交给你了随便改）
      父传子 props 儿子能直接改父亲的数据吗？ 违反单项数据流
      子传父，交给父亲去改数据 （父亲还有权限权利去管）
      1. 儿子子传父的事件名 必须是update:xxx (xxx指的就是父亲要放权的字段)
      2. this.$emit('事件名', 参数) 参数不能省略，父亲放权给你，你需要改的数据必须要传
      3. 这样你就可以省略监听事件，直接在放权的字段后面加个.sync
     -->
  </div>

</template>

<script>
import SonComp from './components/son-comp.vue'
export default {
  components: { SonComp },
  data() {
    return {
      money: 100
    }
  },
  methods: {
    countMoney(value) {
      this.money = value
    }
  }
}
</script>

<style>

</style>
